<template>
  <div id="login">
    <home-header />
    <router-view />
    <home-footer />
  </div>
</template>

<script>
import HomeHeader from './components/header';
import HomeFooter from './components/footer';
export default {
  components: {
    HomeHeader,
    HomeFooter
  },
  data() {
    return {
    };
  },
  mounted() {
    this.$nextTick(function() {
      if (
        document.documentElement.clientHeight >
        document.getElementById('login').clientHeight
      ) {
        document.getElementById('login').style.minHeight =
          document.documentElement.clientHeight + 'px';
      } else {
        document.getElementById('login').style.minHeight = 950 + 'px';
      }
    });
  },
  methods: {}
};
</script>
<style lang="scss" scoped>
body,
html {
  padding: 0;
  margin: 0;
  width: 100%;
  font-family: Rubik,sans-serif;
}
#login {
  // overflow: hidden;
  position: relative;
}
</style>
